.param-tree-node {
    margin-left: 3rem;
    padding: 0 !important;
    background-color: white !important;
}

.param-tree-node > li {
    margin-left: 2rem;
    list-style-type: circle;
}

.param-tree-node > .icon {
    cursor: pointer;
}

.param-item-content {
    /*list-style: circle inside;*/
    padding-left: 0 !important;
    background-color: white !important;
    margin: 0.2rem 0 !important;
    font-size: 1.4rem !important;
}

.param-name {
    color: green;
    font-size: 1.4rem;
}

.param-name-end {
    margin-left: 0.5rem;
}

.expandable {
    list-style-type: none;
}

.expandable > .icon {
    cursor: pointer;
    margin: 0 0.5rem;
    color: #008dff;
}

.expandable > .icon.expand-icon {
    color: #AAAAAA;
    font-size: 1.8rem;
    margin: 0 1rem 0 -2rem;
}

.expandable > .icon.expand-icon.rotate-90 {
    transform: rotate(90deg);
}

input.input {
    width: 10rem;
}

textarea.input {
    vertical-align: top;
}

.tips {
    margin-left: 1rem;
}

.material-icons {
    color: #CCCCCC;
    margin-right: 0.5rem;
    cursor: pointer;
}

.material-icons.available {
    color: rgb(89, 141, 255);
}
